<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			body {
				margin: 0px;
				min-width: 1400px;
				max-width: 1600px;
			}

			.header {
				height: 110px;
				background-image: url(img/top-bg.jpg);
				display: flex;
				justify-content: space-around;
				align-items: center;
			}

			.language {
				height: 100%;
			}

			.search {
				font-size: 14px;
			}

			.search>#search-input {
				width: 300px;
				height: 30px;
				border: 2px solid #a62721;
				border-radius: 15px;
				display: flex;
				padding-left: 20px;
			}

			.search>#search-input>button {
				width: 80px;
				border-radius: 15px;
				background-color: #a62721;
				border: none;
				outline: none;
				color: wheat;


			}

			.search>#search-input>button;

			article {
				color: white;

			}

			.search>#search-input>input {
				flex-grow: 1;
				border: none;
				outline: none;
				background-color: rgba(0, 0, 0, 0);
			}

			.NAV {
				background: #A62721;
				height: 50px;
				display: flex;
				justify-content: center;
				font-size: 20px;
				align-items: center;
				top:0rem;
				position: sticky;
				z-index: 999;

			}

			.NAV>a {
				width: 250px;
				height: 100%;
				color: navajowhite;
				text-decoration: none;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.NAV>a:hover {
				background-color: #881618;
			}

			#loop {
				min-width: 1400px;
				height: 500px;
				background-image: url(img/banner1.jpg);
				background-repeat: round;
				display: flex;
				justify-content: space-around;
			}

			.NAV2 {
				background: white;
				height: 60px;
				display: flex;
				font-size: 25px;
				justify-content: center;

				align-items: center;

			}

			.NAV2>a {
				width: 250px;
				height: 100%;
				color: black;
				text-decoration: none;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.NAV2>a:hover {
				background-color: rgba(0, 0, 0, 0.1);
			}

			.NEW-2 {

				width: 75px;
				height: 75px;
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0.4);
			}

			.NEW-2>p {
				font-size: 22px;
				color: white;
				line-height: 35px;
				text-align: center;
				margin: 0px;

			}

			.NEW-2>span {
				width: 75px;
				height: 2px;
				background-color: white;
				display: block;
			}


			.redwine {
				display: flex;
				justify-content: space-between;

			}

			.NAV-foot {
				min-width: 1200px;
				background: #A62721;
				height: 150px;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				align-items: center;
				margin: 0px;
			}

			.NAV-foot1 {

				width: 75px;
				height: 75px;
				border-radius: 50%;
				background-color: rgba(0, 0, 0, 0.4);
				margin: 0px;
				padding: 0px;
			}

			.NAV-foot2 {
				position: relative;
				top: -15%;
				width: 1000px;
				height: 30px;
				display: flex;
				justify-content: space-around;
				font-size: 20px;
				flex-wrap: wrap;
				margin: 0px;
				padding: 0px;

			}

			.NAV-foot2>a {
				color: wheat;
				text-decoration: none;
			}

			.NAV-foot2>select {
				color: wheat;
				text-decoration: none;
				background-color: #A62721;
				font-size: 20px;
			}

			.NAV-foot3 {
				color: #cecece;
				font-size: 12px;
				;
				width: 1000px;
				border-top: 5px solid wheat;
			}
				
				#div1{
					min-width: 1200px;
					height: auto;
				}
				.icon{
					min-width: 1200px;
					height: auto;
					display: flex;
					justify-content: space-around;
					padding-top:25px;
					padding-left: 100px;
					padding-right: 100px;
					padding-bottom: 25px;
				}
				.information{
					min-width: 1200px;
					height: auto;
					display: flex;
					justify-content: space-around;
					padding-left: 100px;
					padding-right: 100px;
				}
				.information>ul{
					margin: 0px;
					display: flex;
					flex-direction: column;
				}
				.information>ul>li{
					display: flex;
					align-items: center;
					font-size: 18px;
					margin-bottom: 25px;
					
				}
				
				.form{
						display: flex;
						justify-content: space-around;
						list-style-type: none;
					}
					input{
						border-style: dashed;
						border-top: none;
						border-left: none;
						border-right: none;
						width: 200px;
						outline: none;
						}
					textarea{
						position: relative;left: 19%;
							width: 900px;
							height: 300px;
							
						}
						.submit{
							width: 160px;
							height: 50px;
							text-align: center;
							font-size: 24px;
							background-color: #ff8324;
							position: relative;left: 45%;
							border-radius: 15px;
							color:white;
							border: none;
							margin-top: 30px;
							margin-bottom: 40px;
							outline:none;
							
						} 
						.submit:active{
							background-color: #93391B;
							border: none;
						}
				
				
		</style>
	</head>
	<body>
		<div class="header">

			<div><img src="img/top-logo.png"></div>

			<div class="search">
				<div id="search-input">
					<input type="text" /><button type="button">搜索</button>
				</div>

				<p>关键词：<span style="color: #cf3232;">葡萄酒</span>&nbsp; 冰酒
					&nbsp; 甜酒&nbsp; 香槟&nbsp; 白葡萄酒&nbsp; 红酒&nbsp; 白酒</p>

			</div>

			<div class="language">
				<a href="#">中文</a>
				<a href="#">English</a>
			</div>
		</div>
		<nav class="NAV">
			<a href="index.html">首页</a>
			<a href="product.html">产品</a>
			<a href="jianjie.html">公司简介</a>
			<a href="news.html">公司新闻</a>
			<a href="callus.html">联系我们</a>
		</nav>
		
		
		<div id="div1">
			<div class="icon">
				<img src="img/lxwm/phone.png" >
				<img src="img/lxwm/ren.png">
				<img src="img/lxwm/emall.png">
				<img src="img/lxwm/qq.png">
			</div>
			<div class="information">
				<ul>
					<li style="font-size: 24px; align-self:center;"><img src="img/lxwm/biao.jpg" >联系木地</li>
					<li>传真：0755-7268668（营销部）</li>
					<li>传真：0755-7768678（服务部）</li>
					<li>地址：珠海市金湾区红旗镇木地酒庄</li>
					<li>邮编：4245112</li>
					<li>邮箱：1787718318@qq.com</li>
					<li>官网：www.mdjz.com</li>
				</ul>
				<img style="margin-right: 50px;" src="img/lxwm/ditu.jpg" >
			</div>
			
			
		</div>
		
		
		
		
		
		<div id="div2">
			<p style="font-size: 24px; text-align: center;">建议我们</p>
			<p style="font-size: 14px; color: #666666; text-align: center;">如果您有任何意见或建议，请给我们留言，我们会在一个工作日内回复您！</p>
			<ul class="form">
				<li>姓名：<input type="text"></li>
				<li>邮箱：<input type="text"></li>
				<li>联系方式：<input type="text"></li>
			</ul>
			<div >
				<textarea>
			</textarea>
			</div>
			
			<button class="submit">
				提交
			</button>
		</div>
		
		
		
		
		
		
		<div class="NAV-foot">
			<div class="NAV-foot1" style="border:5px  solid white;">
				<p><a>&nbsp;</a></p>
			
			</div>
			<nav class="NAV-foot2">
				<a href="callus.html">联系我们</a>
				<a href="jianjie.html">公司简介</a>
				<a href="news.html">公司新闻</a>
				<select>
					<a href="#">
						<option>友情链接</option>
					</a>
					<a href="#">
						<option>翁丰统</option>
					</a>
					<a href="#">
						<option>胡家俊</option>
					</a>
					<a href="#">
						<option>张铭聪</option>
					</a>
				</select>
				<p class="NAV-foot3">Copyright @ 2010-2016 木地酒庄有限公司 wengfengtong 更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
			</nav>
			<div>
				<img src="img/foot-logo.jpg">
			</div>
		</div>
	</body>
</html>
